<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>博客登陆页</title>
    <link href="common.css" rel="stylesheet">
    <link href="blog_login.css" rel="stylesheet">
</head>
<body>
    <div class="nav">
        <img src="C:\Users\Lenovo\Desktop\QQ图片20221113100627.jpg">
        <span class="title">我的博客系统</span>
        <!--spacer来占位-->
        <div class="spacer"></div>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
    </div>
    <!--用这个元素作为页面的版心-->
    <div class="login-container">
        <form action="login" method="post">
                    <!--登陆对话框-->
            <div class="dialog">
                <h3>登陆</h3>
                <div class="row">
                    <span>用户名</span>
                    <!--这两个框很重要-->
                    <input id="username" name="username" type="text">
                </div>
                <div class="row">
                    <span>密码</span>
                    <input id="password" name="password" type="password">
                </div>
                <div class="row">
                    <input id="login-button" type="submit" value="登录"></input>
                </div>
            </div>
        </form>
    </div>
</body>
</html>